#parse("partials/header.html") #parse("partials/sidebar.html")
<link rel="stylesheet" type="text/css" href="/Styles/smart_wizard.css" media="all" />
<script type="text/javascript" src="/Scripts/jquery.smartWizard-2.0.min.js"></script>
<script type="text/javascript">
    jQuery(document).ready(function () {
        $('#wizard').smartWizard({
            keyNavigation: false,
            onLeaveStep: leaveAStepCallback,
            onFinish: onFinishCallback
        });
        autoResize(".stepContainer", ".content");
        function leaveAStepCallback(obj) {
            autoResize(".stepContainer", ".content");
            var step_num = obj.attr('rel'); // get the current step number
            if (step_num == 2) {
                
            }
            return true;
            //return validateSteps(step_num); // return false to stay on step and true to continue navigation
        }

        function onFinishCallback() {

        }

        jQuery("#formID").submit(
            function () {
                if (jQuery("#formID").valid() == true) {
                    jQuery.blockUI();
                    var post_data = jQuery(this).serialize();
                    var form_action = jQuery(this).attr("action");
                    var form_method = jQuery(this).attr("method");
                    jQuery.ajax({
                        type: form_method,
                        url: form_action,
                        cache: false,
                        dataType: "json",
                        data: post_data,
                        success: function (data) {
                            jQuery("#notif").html(data['strNotification']);
                            jQuery.unblockUI();
                        },
                        error: function (data) {
                            jQuery.unblockUI();
                        },
                        complete: function () {

                        }
                    });
                }
                return false;
            });
    });


</script>
<div id="mws-container" class="clearfix">
    <div class="container">
        <div class="mws-panel grid_8">
            <div class="title-caption">
                <h5>
                    $headerinformation - Workflow</h5>
            </div>
            <div id="wizard" class="swMain">
                <ul id="smart-wizard">
                    <li><a href="#step-1">
                        <label class="stepNumber">
                            1</label>
                        <span class="stepDesc">Step 1<br />
                            <small>Workflow</small> </span></a></li>
                    <li><a href="#step-2">
                        <label class="stepNumber">
                            2</label>
                        <span class="stepDesc">Step 2<br />
                            <small>Purchase Requisition</small> </span></a></li>
                </ul>
                <div id="step-1">
                    <div class="mws-panel grid_8">
                        <div class="mws-panel-header">
                            <span class="mws-i-24 i-table-1">Create Workflow</span>
                        </div>
                        <div class="mws-panel-body">
                            <div id="notif">
                                $Notification
                            </div>
                            <div class="mws-form">
                                <div class="grid_8">
                                    <div class="mws-form-inline">
                                        <br />
                                        <div class="mws-form-row">
                                            <label>
                                                Document Type</label>
                                            <div class="mws-form-item large">
                                                <div class="mws-form-cols clearfix">
                                                    <div class="mws-form-col-5-8 alpha">
                                                        <div class="mws-form-item">
                                                            Purchase Requisition
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="mws-form-row">
                                            <label>
                                                Approval Template</label>
                                            <div class="mws-form-item large">
                                                <div class="mws-form-cols clearfix">
                                                    <div class="mws-form-col-3-8 alpha">
                                                        <div class="mws-form-item">
                                                            <select>
                                                                <option>Default (Organization)</option>
                                                                <option>Purchase Order 1</option>
                                                                <option>Purchase Order 2</option>
                                                            </select>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="mws-form-row">
                                            <label>
                                                &nbsp;</label>
                                            <div class="mws-form-item large">
                                                <div class="mws-form-cols clearfix">
                                                    <div class="mws-form-col-5-8 alpha">
                                                        <div class="mws-form-item">
                                                            <input class="mws-button green small ButtonSearchPresentArea" addresstype="present"
                                                                name="ButtonSearchPresentArea" value="   Add new Person  " type="button">
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="mws-form-row">
                                            <label>
                                                &nbsp;</label>
                                            <div class="mws-form-item large">
                                                <div class="mws-form-cols clearfix">
                                                    <div class="mws-form-col-7-8 alpha">
                                                        <div class="mws-form-item">
                                                            <table class="mws-table">
                                                                <thead>
                                                                    <tr>
                                                                        <th style="text-align: center; width: 100px">
                                                                            Action
                                                                        </th>
                                                                        <th style="text-align: center; width: 20px">
                                                                            Sequence
                                                                        </th>
                                                                        <th style="text-align: center;">
                                                                            Name
                                                                        </th>
                                                                    </tr>
                                                                </thead>
                                                                <tbody id="listAction">
                                                                </tbody>
                                                            </table>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="clear15">
                                </div>
                                <div class="mws-button-row">
                                    <input name="btnAction" class="mws-button red" type="submit" value="Save as New Template" />
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div id="step-2">
                    <div class="mws-panel grid_8">
                        #parse("purchasing/formpurchaserequisition.html")
                    </div>
                </div>
            </div>
        </div>
    </div>
#parse("partials/footer.html")